<template>
  <div>
    <div >组件传值，这次咱们继续讲$attrs和$listeners</div>
    <login-button :loginText="title" name="我是一个好人" @grandParent="grandFather"></login-button>
    <!-- <div @click="">点击事件</div> -->
  </div>
</template>
<script>
// $attrs 不仅能传递给子组件的值，也能传递给孙子，
// props 接收父组件的属性，当父组件传递给子组件中数据，但是子组件没有通过props接收，那么子组件可以用$attrs 来接收
// 在props 属性定义以外的一些属性，孙子组件同理
// 写组件不要嵌套3层，如果嵌套了3层，要尽快的优化组件
import LoginButton from '@/components/LoginButton/LoginButton.vue';
export default {
  components: {
    LoginButton
  },
  data() {
    return {
      name: 'zhangsan',
      title: '这是在学习$attrs'
    }
  },
  mounted() {

  },
  methods: {
    grandFather(val) {
      console.log(val,29)
    }
  }
}
</script>